<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>summer website</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Le styles -->
        <link href="{{STATIC_URL}}bootstrap/css/bootstrap.css" rel="stylesheet">
        <link href="{{STATIC_URL}}bootstrap/css/bootstrap-responsive.css"  rel="stylesheet">


	<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
		<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>
<body>
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</a>
				<a class="brand" href="#">summer os</a>
				<div class="nav-collapse">
					<ul class="nav">
						<li><a href="#">Home</a></li>
						<li><a href="/status/">status</a></li>
						<li><a href="#contact">list</a></li>
					</ul>

     <ul class="nav navbar-nav pull-right navbar-right">
        <li><a href="#">{{user.username}}</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Configuration <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="/logout/">logout</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>
      </ul>
				</div><!--/.nav-collapse -->
			</div>
		</div>
	</div>
	<div class="container" id= 'page-content'>
		{%block page-content%}
		<!-- Main hero unit for a primary marketing message or call to action -->
		<div class="hero-unit clearfix">
        <div class="pull-left span5">
        	<h1>Welcome to 1stwebdesigner</h1>
		<p>A one stop resource for web designers and developers</p>
  		<p><a class="btn btn-primary btn-large">Explore our articles</a></p>
	</div>
	<div class="pull-right">
 		<form class="well" action="/account_login/" method="post">
		<label>Username</label>
		<input type="text" name='username'class="span3" placeholder="Type your username">
		<label>Password</label>
			<input type="password" name='password' class="span3" placeholder="Type your password">
		<label class="checkbox">
			<input type="checkbox">Remember me
		</label>
<button type="submit" class="btn">Log me in</button>
	{{login_err}}
        
</form>
</div>
</div>

{%endblock%}
		<footer>
			<p>? Company 2012</p>
		</footer>




	<!-- Le javascript
	================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="http://code.jquery.com/jquery.min.js"></script>
	<script src="{{STATIC_URL}}bootstrap/js/bootstrap.js"></script>
</body>
</html>
